$(function(){
    window.onload=function(){
        var categoryid;
        var pageid = 1;
        var id = window.location.search;
        var totalpage = 1;
        if (id.indexOf("?") != -1) {
            categoryid = id.substr(id.indexOf("=") + 1);
        }
        // console.log(categoryid);
        // 渲染第三级菜单
        $.ajax({
            url: "http://193.112.55.79:9090/api/getcategorybyid",
            data: {
                "categoryid": categoryid
            },
            dataType: "json",
            success: function (res) {
                // console.log(res);
                var categoryName = template("screentop", res)
                $(".leftScreen").append(categoryName)
            }
        });
        // 生成分页
        $.ajax({
            url: "http://193.112.55.79:9090/api/getproductlist",
            data: {
                "categoryid": categoryid,
                "pageid": pageid
            },
            dataType: "json",
            success: function (res) {
                // console.log(res);
                totalpage = Math.ceil(res.totalCount / res.pagesize);
                if (totalpage == 0) {
                    pageid = 0;
                    var screenpage = template("screenpage", { "item": res, "totalpage": totalpage, "pageid": pageid });
                    $(".pagebtn").html(screenpage);
                    return;
                } else {
                    // console.log(totalpage+1);
                    // console.log(totalpage);
                    var screenpage = template("screenpage", { "item": res, "totalpage": totalpage, "pageid": pageid });
                    $(".pagebtn").html(screenpage);
                }


            }
        })
        // 渲染商品列表
        $.ajax({
            url: "http://193.112.55.79:9090/api/getproductlist",
            data: {
                "categoryid": categoryid,
                "pageid": pageid
            },
            dataType: "json",
            beforeSend: function () {
                $(".shade").css({
                    "display": "block"
                })
            },
            success: function (res) {
                console.log(res);
                var categoryMain = template("screenbody", { "item": res });
                // console.log({ "item": res });
                // console.log(categoryMain);
                $(".screentext").append(categoryMain)

            },
            complete:function(){
                setTimeout(() => {
                    $(".shade").css({
                        "display": "none"
                    })
                }, 200);
                
            },
            error: function () {
                $(".tipes").css({
                    "display": "block"
                })
            }
        })
        // 封装页码换页的ajax
        var render = function () {
            $.ajax({
                url: "http://193.112.55.79:9090/api/getproductlist",
                data: {
                    "categoryid": categoryid,
                    "pageid": pageid
                },
                dataType: "json",
                success: function (res) {
                    console.log('res', res);
                    var categoryMain = template("screenbody", { "item": res, "pageid": pageid });
                    $(".screentext").html(categoryMain);
                    var screenpage = template("screenpage", { "item": res, "totalpage": totalpage, "pageid": pageid });
                    $(".pagebtn").html(screenpage)

                }
            })
        }
        // 实现分页功能
        // 上一页
        $(".screenprev").on("tap",function() {
            // alert(11)
            if (pageid == 1 || pageid <= 0) {
                // alert("当前已经是第一页了");
                return;
            } else {
                pageid--;
                console.log(pageid);
                render();
            }

        })
        // 下一页
        $(".screennext").on("tap", function () {
            if (pageid == totalpage || totalpage == 0) {
                // alert("当前已经是最后一页了");
                return;
            } else {
                pageid++;
                console.log(pageid);
                render();
            }

        })
        // 实现点击换页功能
        $(".pagebtn").on("tap", "a", function () {
            pageid = $(this).text();
            console.log(pageid);
            render();
        })
    }
    
    
})